<template>
  <div>
      <el-menu router active-text-color="#ffd04b" background-color="rgb(230, 161, 58)" class="el-menu-vertical-demo"
          default-active="2" text-color="#fff" >
          <el-menu-item index="/home">
              <el-icon>
                  <Setting />
              </el-icon>
              <span>系统管理</span>
          </el-menu-item>
          <el-sub-menu index="1">
              <template #title>
                  <el-icon>
                      <FolderOpened />
                  </el-icon>
                  <span>菜单管理</span>
              </template>
              <el-menu-item-group>
                  <el-menu-item index="/menu">菜单管理</el-menu-item>
                  <el-menu-item index="/role">角色管理</el-menu-item>
                  <el-menu-item index="/user">管理员管理</el-menu-item>
              </el-menu-item-group>
          </el-sub-menu>
          <el-sub-menu index="1">
              <template #title>
                  <el-icon>
                      <ShoppingTrolley />
                  </el-icon>
                  <span>商城管理</span>
              </template>
          </el-sub-menu>
      </el-menu>
  </div>
</template>
<script lang='ts' setup>
</script>
<style scoped>
.el-menu-vertical-demo{
height: 729px;
}</style>